<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery</title>
<link href="CSS/cssAll.css" type="text/css" rel="stylesheet" />
<script src="JS/query.js" language="javascript"></script>
<!--<script src="downloadCode/Jquery.js"></script>-->
<script src="JS/showPrint.js" language="javascript"></script>
<script language="javascript">
function test(){
	alert('ok')
}
</script>
</head>

<body>
<div id="aa">div1,id:aa
	<ul>
		<li>&nbsp;&nbsp;&nbsp;我是div1下面的li</li>
	</ul>
</div>
<div id="bb">div2,id:bb
	<ul>
		<li>&nbsp;&nbsp;&nbsp;我是div2下面的li</li>
		<li class="test">&nbsp;&nbsp;&nbsp;我是div2下面的li,class:test</li>
		<li>&nbsp;&nbsp;&nbsp;我是div2下面的li</li>
	</ul>
</div>
<p>我是p</p><br />
<input type="button" value="按钮1" id="bt" /><br />
<div>
<form>
改变标签为div元素的背景
<input type="button" value="确定" onclick="$('div').css('background:#355468')" />
<input type="button" value="还原" onclick="$('div').css('background:#ffffff')" /><br />
改变标签为div1下面li元素的背景
<input type="button" value="确定" onclick="$('#aa li').css('background:#355468')" />
<input type="button" value="还原" onclick="$('#aa li').css('background:#ffffff')" /><br />
改变标签为div2下面class为test的li元素的背景
<input type="button" value="确定" onclick="$('#bb .test').css('background:#355468')" />
<input type="button" value="还原" onclick="$('#bb .test').css('background:#ffffff')" /><br />
改变按钮1的事件
<input type="button" value="绑定" onclick="$('#bt').bind('click',test)" />
<input type="button" value="解除" onclick="$('#bt').unBind('click',test)" /><br />
</form>
</div>
</body>
</html>

